import Wordpress from './Pages/Wordpress.vue';
import Home from "./Pages/Home.vue";
import Vue from "./Pages/Vue.vue";
import Vite from "./Pages/Vite.vue";

import RouterPlug from "./Pages/Vue/Router.vue";
import Maska from "./Pages/Vue/Maska.vue";
import VueCarousel from "./Pages/Vue/Vue3-carousel.vue";
import Vuelidate from "./Pages/Vue/Vuelidate.vue";
import HeadVue from "./Pages/Vue/Head.vue";

import HeadVite from "./Pages/Vite/Head.vue";
import Plugins from "./Pages/Vite/Plugins.vue";

import HeadWP from "./Pages/Wordpress/Head.vue";

export const routes = [
    { path: "/", component: Home },
    {
        path: "/Vue", component: Vue, children: [
            { path: "/Vue", component: HeadVue },
            { path: "/Vue/Router", component: RouterPlug },
            { path: "/Vue/Vuelidate", component: Vuelidate },
            { path: "/Vue/maska", component: Maska },
            { path: "/Vue/vue3-carousel", component: VueCarousel },
        ]
    },
    {
        path: "/Vite", component: Vite, children: [
            { path: "/Vite", component: HeadVite },
            { path: "/Vite/Plugins", component: Plugins },
        ]
    },
    {
        path: "/Wordpress", component: Wordpress, children: [
            { path: "/Wordpress", component: HeadWP }]
    },
];


